<template>
	<view class="wrap">
		<view>
			<u-tabs-swiper :gutter="60" ref="uTabs" :list="list"  active-color="#666666" inactive-color="#999999"  :bar-style="barStyle" :current="current" @change="tabsChange" :is-scroll="false"
			 swiperWidth="750"></u-tabs-swiper>
		</view>
		<swiper class="swiper-box" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
			<!-- 全部 -->
			<swiper-item class="swiper-item">
				<scroll-view scroll-y class="scroll" @scrolltolower="onreachBottom">
					<view class="page-box marTop20" v-if="orderList.length>0" >
						<view class="marTop20"v-for="(item,index) in orderList" :key="index" @tap.stop="particulars(item)">
							<view class="order-list ">
								<view class="dis order-list-title color33">
									<view class="flew">
										<image src="../../static/images/icon.png"></image>
										<label v-if="item.static == 1">帮我送</label>
										<label v-if="item.static == 2">帮我取</label>
										<label v-if="item.static == 3">帮我买</label>
									</view>
									<view v-if="item.pay == 0">待支付</view>
									<view v-if="item.pay == 1">待发布</view>
									<view v-if="item.pay == 2">取货中</view>
									<view v-if="item.pay == 3">配送中</view>
									<view v-if="item.pay == 4">待评价</view>
									<view v-if="item.pay == 5">已评价</view>
									<view v-if="item.pay == 6">已取消</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx"> 
									<!-- 取货地址 -->
									<view class="flew atlin">
										<image src="../../static/mine/qu.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.fetch.title}}</view>
											<view class="color33">
												<label>{{item.fetch.name}}</label>
												<label class="color99 size28rpx marLeFt20">{{item.fetch.phone}}</label>
											</view>
										</view>
									</view>
									<!-- 收货地址 -->
									<view class="flew atlin marTop20">
										<image src="../../static/mine/shou.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.put.title}}</view>
											<view class="color33 size28rpx">
												<label>{{item.put.name}}</label>
												<label class="color99  marLeFt20">{{item.put.phone}}</label>
											</view>
										</view>
									</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx">
									<view class="dis atlin">
										<view class="flew atlin">
											<image src="../../static/images/time.png"></image>
											<label class="color66 size28rpx">支付倒计时：</label>
											<label class="colorff6 size28rpx">
												<u-count-down class="count-down-demo"  :timestamp="timestamp" separator="colon" :showBorder="showBorder"
												:separator-color="separatorColor" :showDays="true" :fontSize="fontSize" @change="change" ref="uCountDown"
												:border-color="borderColor" :color="color" @end="end" bg-color="rgb(250, 250, 250)"></u-count-down>
											</label>
											<!-- 完成时间 -->
											<!-- <label class="color66 size28rpx">完成时间：04月12日 09:36</label> -->
										</view>
										<view class="order-list-btn-pay" @tap.stop="PayBtn(item)">去支付</view>
										<!-- <view class="order-list-btn-pay" @tap.stop="estimate">立即评价</view> -->
										<!-- <view class="order-list-btn-qu">取消订单</view> -->
									</view>
									<!-- 立即评价弹窗 -->
									<u-popup mode="center" width="85%" v-model="estim" border-radius="10" closeable="true" negative-top="50">
										<view class="padding35rpx center size35rpx">立即评价</view>
										<u-line border-style="solid" color="#E4E4E4"></u-line>
										<view class="padding35rpx">
											<u-input border v-model="evaluate" type="texteare"></u-input>
										</view>
										<view class="marTop30">
											<u-line border-style="solid" color="#E4E4E4"></u-line>
											<view class="dis padding25rpx">
												<view class="order-list-btn-qu" style="width: 48%;" @click="estim = false">取消</view>
												<view class="order-list-btn-pay"  
													style="
													width: 48%;
													background-color: #ff6600;
													color: #FFFFFF;"
													@click="save"
												>确认</view>
											</view>
										</view>
									</u-popup>
								</view>
							</view>
						</view>
					</view>
					<!-- 缺省图 -->
					<view class="center marTop90" v-else>
						<image style="width: 600rpx; height: 400rpx;" src="../../static/images/noneList.png"></image>
						<view class="size26rpx color99">暂无相关订单</view>
					</view>
					<u-loadmore :status="loadStatus[0]" bgColor="#f2f2f2"></u-loadmore>
				</scroll-view>
			</swiper-item>
			<!-- 待支付 -->
			<swiper-item class="swiper-item">
				<scroll-view scroll-y class="scroll" @scrolltolower="onreachBottom">
					<view class="page-box marTop20" v-if="orderList.length>0" >
						<view class="marTop20"v-for="(item,index) in orderList" :key="index" @tap.stop="particulars(item)">
							<view class="order-list ">
								<view class="dis order-list-title color33">
									<view class="flew">
										<image src="../../static/images/icon.png"></image>
										<label v-if="item.static == 1">帮我送</label>
										<label v-if="item.static == 2">帮我取</label>
										<label v-if="item.static == 3">帮我买</label>
									</view>
									<view v-if="item.pay == 0">待支付</view>
									<view v-if="item.pay == 1">待发布</view>
									<view v-if="item.pay == 2">取货中</view>
									<view v-if="item.pay == 3">配送中</view>
									<view v-if="item.pay == 4">待评价</view>
									<view v-if="item.pay == 5">已评价</view>
									<view v-if="item.pay == 6">已取消</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx"> 
									<!-- 取货地址 -->
									<view class="flew atlin">
										<image src="../../static/mine/qu.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.fetch.title}}</view>
											<view class="color33">
												<label>{{item.fetch.name}}</label>
												<label class="color99 size28rpx marLeFt20">{{item.fetch.phone}}</label>
											</view>
										</view>
									</view>
									<!-- 收货地址 -->
									<view class="flew atlin marTop20">
										<image src="../../static/mine/shou.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.put.title}}</view>
											<view class="color33 size28rpx">
												<label>{{item.put.name}}</label>
												<label class="color99  marLeFt20">{{item.put.phone}}</label>
											</view>
										</view>
									</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx">
									<view class="dis atlin">
										<view class="flew atlin">
											<image src="../../static/images/time.png"></image>
											<label class="color66 size28rpx">支付倒计时：</label>
											<label class="colorff6 size28rpx">29分36秒</label>
											<!-- 完成时间 -->
											<!-- <label class="color66 size28rpx">完成时间：04月12日 09:36</label> -->
										</view>
										<view class="order-list-btn-pay" @tap.stop="PayBtn(item)">去支付</view>
										<!-- <view class="order-list-btn-pay" @tap.stop="estimate">立即评价</view> -->
										<!-- <view class="order-list-btn-qu">取消订单</view> -->
									</view>
									<!-- 立即评价弹窗 -->
									<u-popup mode="center" width="85%" v-model="estim" border-radius="10" closeable="true" negative-top="50">
										<view class="padding35rpx center size35rpx">立即评价</view>
										<u-line border-style="solid" color="#E4E4E4"></u-line>
										<view class="padding35rpx">
											<u-input border v-model="evaluate" type="texteare"></u-input>
										</view>
										<view class="marTop30">
											<u-line border-style="solid" color="#E4E4E4"></u-line>
											<view class="dis padding25rpx">
												<view class="order-list-btn-qu" style="width: 48%;" @click="estim = false">取消</view>
												<view class="order-list-btn-pay"  
													style="
													width: 48%;
													background-color: #ff6600;
													color: #FFFFFF;"
													@click="save"
												>确认</view>
											</view>
										</view>
									</u-popup>
								</view>
							</view>
						</view>
					</view>
					<!-- 缺省图 -->
					<view class="center marTop90" v-else>
						<image style="width: 600rpx; height: 400rpx;" src="../../static/images/noneList.png"></image>
						<view class="size26rpx color99">暂无相关订单</view>
					</view>
					<u-loadmore :status="loadStatus[1]" bgColor="#f2f2f2"></u-loadmore>
				</scroll-view>
			</swiper-item>
			<!-- 待发布 -->
			<swiper-item class="swiper-item">
				<scroll-view scroll-y class="scroll" @scrolltolower="onreachBottom">
					<view class="page-box marTop20" v-if="orderList.length>0" >
						<view class="marTop20"v-for="(item,index) in orderList" :key="index" @tap.stop="particulars(item)">
							<view class="order-list ">
								<view class="dis order-list-title color33">
									<view class="flew">
										<image src="../../static/images/icon.png"></image>
										<label v-if="item.static == 1">帮我送</label>
										<label v-if="item.static == 2">帮我取</label>
										<label v-if="item.static == 3">帮我买</label>
									</view>
									<view v-if="item.pay == 0">待支付</view>
									<view v-if="item.pay == 1">待发布</view>
									<view v-if="item.pay == 2">取货中</view>
									<view v-if="item.pay == 3">配送中</view>
									<view v-if="item.pay == 4">待评价</view>
									<view v-if="item.pay == 5">已评价</view>
									<view v-if="item.pay == 6">已取消</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx"> 
									<!-- 取货地址 -->
									<view class="flew atlin">
										<image src="../../static/mine/qu.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.fetch.title}}</view>
											<view class="color33">
												<label>{{item.fetch.name}}</label>
												<label class="color99 size28rpx marLeFt20">{{item.fetch.phone}}</label>
											</view>
										</view>
									</view>
									<!-- 收货地址 -->
									<view class="flew atlin marTop20">
										<image src="../../static/mine/shou.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.put.title}}</view>
											<view class="color33 size28rpx">
												<label>{{item.put.name}}</label>
												<label class="color99  marLeFt20">{{item.put.phone}}</label>
											</view>
										</view>
									</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx">
									<view class="dis atlin">
										<view class="flew atlin">
											<image src="../../static/images/time.png"></image>
											<label class="color66 size28rpx">支付倒计时：</label>
											<label class="color66 size28rpx">支付完成</label>
											<!-- 完成时间 -->
											<!-- <label class="color66 size28rpx">完成时间：04月12日 09:36</label> -->
										</view>
										<view class="order-list-btn-pay" @tap.stop="PayBtn(item)">去支付</view>
										<!-- <view class="order-list-btn-pay" @tap.stop="estimate">立即评价</view> -->
										<!-- <view class="order-list-btn-qu">取消订单</view> -->
									</view>
									<!-- 立即评价弹窗 -->
									<u-popup mode="center" width="85%" v-model="estim" border-radius="10" closeable="true" negative-top="50">
										<view class="padding35rpx center size35rpx">立即评价</view>
										<u-line border-style="solid" color="#E4E4E4"></u-line>
										<view class="padding35rpx">
											<u-input border v-model="evaluate" type="texteare"></u-input>
										</view>
										<view class="marTop30">
											<u-line border-style="solid" color="#E4E4E4"></u-line>
											<view class="dis padding25rpx">
												<view class="order-list-btn-qu" style="width: 48%;" @click="estim = false">取消</view>
												<view class="order-list-btn-pay"  
													style="
													width: 48%;
													background-color: #ff6600;
													color: #FFFFFF;"
													@click="save"
												>确认</view>
											</view>
										</view>
									</u-popup>
								</view>
							</view>
						</view>
					</view>
					<!-- 缺省图 -->
					<view class="center marTop90" v-else>
						<image style="width: 600rpx; height: 400rpx;" src="../../static/images/noneList.png"></image>
						<view class="size26rpx color99">暂无相关订单</view>
					</view>
					<u-loadmore :status="loadStatus[2]" bgColor="#f2f2f2"></u-loadmore>
				</scroll-view>
			</swiper-item>、
			<!-- 进行中 -->
			<swiper-item class="swiper-item">
				<scroll-view scroll-y class="scroll" @scrolltolower="onreachBottom">
					<view class="page-box marTop20" v-if="orderList.length>0" >
						<view class="marTop20"v-for="(item,index) in orderList" :key="index" @tap.stop="particulars(item)">
							<view class="order-list ">
								<view class="dis order-list-title color33">
									<view class="flew">
										<image src="../../static/images/icon.png"></image>
										<label v-if="item.static == 1">帮我送</label>
										<label v-if="item.static == 2">帮我取</label>
										<label v-if="item.static == 3">帮我买</label>
									</view>
									<view v-if="item.static == 1">取货中</view>
									<view v-if="item.static == 2">配送中</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx"> 
									<!-- 取货地址 -->
									<view class="flew atlin">
										<image src="../../static/mine/qu.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.fetch.title}}</view>
											<view class="color33">
												<label>{{item.fetch.name}}</label>
												<label class="color99 size28rpx marLeFt20">{{item.fetch.phone}}</label>
											</view>
										</view>
									</view>
									<!-- 收货地址 -->
									<view class="flew atlin marTop20">
										<image src="../../static/mine/shou.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.put.title}}</view>
											<view class="color33 size28rpx">
												<label>{{item.put.name}}</label>
												<label class="color99  marLeFt20">{{item.put.phone}}</label>
											</view>
										</view>
									</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx">
									<view class="dis atlin">
										<view class="flew atlin">
											<image src="../../static/images/time.png"></image>
											<label class="color66 size28rpx">支付时间：04月12日 09:36</label>
										</view>
									</view>
									<view class="dis atlin marTop10">
										<view class="flew atlin ">
											<image src="../../static/images/time.png"></image>
											<label class="color66 size28rpx">预计取货时间：04月12日 09:36</label>
										</view>
									</view>
									
								</view>
							</view>
						</view>
					</view>
					<!-- 缺省图 -->
					<view class="center marTop90" v-else>
						<image style="width: 600rpx; height: 400rpx;" src="../../static/images/noneList.png"></image>
						<view class="size26rpx color99">暂无相关订单</view>
					</view>
					<u-loadmore :status="loadStatus[3]" bgColor="#f2f2f2"></u-loadmore>
				</scroll-view>
			</swiper-item>
			<!-- 已完成 -->
			<swiper-item class="swiper-item">
				<scroll-view scroll-y class="scroll" @scrolltolower="onreachBottom">
					<view class="page-box marTop20" v-if="orderList.length>0" >
						<view class="marTop20"v-for="(item,index) in orderList" :key="index" @tap.stop="particulars(item)">
							<view class="order-list ">
								<view class="dis order-list-title color33">
									<view class="flew">
										<image src="../../static/images/icon.png"></image>
										<label v-if="item.static == 1">帮我送</label>
										<label v-if="item.static == 2">帮我取</label>
										<label v-if="item.static == 3">帮我买</label>
									</view>
									
									<view v-if="item.static == 1">待评价</view>
									<view v-if="item.static == 2">已评价</view>
									
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx"> 
									<!-- 取货地址 -->
									<view class="flew atlin">
										<image src="../../static/mine/qu.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.fetch.title}}</view>
											<view class="color33">
												<label>{{item.fetch.name}}</label>
												<label class="color99 size28rpx marLeFt20">{{item.fetch.phone}}</label>
											</view>
										</view>
									</view>
									<!-- 收货地址 -->
									<view class="flew atlin marTop20">
										<image src="../../static/mine/shou.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.put.title}}</view>
											<view class="color33 size28rpx">
												<label>{{item.put.name}}</label>
												<label class="color99  marLeFt20">{{item.put.phone}}</label>
											</view>
										</view>
									</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx">
									<view class="dis atlin">
										<view class="flew atlin">
											<image src="../../static/images/time.png"></image>
											<!-- 完成时间 -->
											<label class="color66 size28rpx">完成时间：04月12日 09:36</label>
										</view>
										<view v-if="item.static == 3" class="order-list-btn-pay" @tap.stop="PayBtn(item)">去支付</view>
										<view v-if="item.static == 1" class="order-list-btn-pay" @tap.stop="estimate">立即评价</view>
										<!-- <view class="order-list-btn-qu">取消订单</view> -->
									</view>
									<!-- 立即评价弹窗 -->
									<u-popup mode="center" width="85%" v-model="estim" border-radius="10" closeable="true" negative-top="50">
										<view class="padding35rpx center size35rpx">立即评价</view>
										<u-line border-style="solid" color="#E4E4E4"></u-line>
										<view class="padding35rpx">
											<u-input border v-model="evaluate" type="texteare"></u-input>
										</view>
										<view class="marTop30">
											<u-line border-style="solid" color="#E4E4E4"></u-line>
											<view class="dis padding25rpx">
												<view class="order-list-btn-qu" style="width: 48%;" @click="estim = false">取消</view>
												<view class="order-list-btn-pay"  
													style="
													width: 48%;
													background-color: #ff6600;
													color: #FFFFFF;"
													@click="save"
												>确认</view>
											</view>
										</view>
									</u-popup>
								</view>
							</view>
						</view>
					</view>
					<!-- 缺省图 -->
					<view class="center marTop90" v-else>
						<image style="width: 600rpx; height: 400rpx;" src="../../static/images/noneList.png"></image>
						<view class="size26rpx color99">暂无相关订单</view>
					</view>
					<u-loadmore :status="loadStatus[4]" bgColor="#f2f2f2"></u-loadmore>
				</scroll-view>
			</swiper-item>
			<!-- 已取消 -->
			<swiper-item class="swiper-item">
				<scroll-view scroll-y class="scroll" @scrolltolower="onreachBottom">
					<view class="page-box marTop20" v-if="orderList.length>0" >
						<view class="marTop20"v-for="(item,index) in orderList" :key="index" @tap.stop="particulars(item)">
							<view class="order-list ">
								<view class="dis order-list-title color33">
									<view class="flew">
										<image src="../../static/images/icon.png"></image>
										<label v-if="item.static == 1">帮我送</label>
										<label v-if="item.static == 2">帮我取</label>
										<label v-if="item.static == 3">帮我买</label>
									</view>
									<view >已取消</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx"> 
									<!-- 取货地址 -->
									<view class="flew atlin">
										<image src="../../static/mine/qu.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.fetch.title}}</view>
											<view class="color33">
												<label>{{item.fetch.name}}</label>
												<label class="color99 size28rpx marLeFt20">{{item.fetch.phone}}</label>
											</view>
										</view>
									</view>
									<!-- 收货地址 -->
									<view class="flew atlin marTop20">
										<image src="../../static/mine/shou.png"></image>
										<view>
											<view class="color33 size32rpx">{{item.put.title}}</view>
											<view class="color33 size28rpx">
												<label>{{item.put.name}}</label>
												<label class="color99  marLeFt20">{{item.put.phone}}</label>
											</view>
										</view>
									</view>
								</view>
								<u-line border-style="solid" color="#E4E4E4"></u-line>
								<view class="padding25rpx">
									<view class="dis atlin">
										<view class="flew atlin">
											<image src="../../static/images/time.png"></image>
											<label class="color66 size28rpx">支付倒计时：</label>
											<label class="colorff6 size28rpx">29分36秒</label>
											<!-- 完成时间 -->
											<!-- <label class="color66 size28rpx">完成时间：04月12日 09:36</label> -->
										</view>
										<view class="order-list-btn-pay" @tap.stop="PayBtn(item)">去支付</view>
										<!-- <view class="order-list-btn-pay" @tap.stop="estimate">立即评价</view> -->
										<!-- <view class="order-list-btn-qu">取消订单</view> -->
									</view>
									<!-- 立即评价弹窗 -->
									<u-popup mode="center" width="85%" v-model="estim" border-radius="10" closeable="true" negative-top="50">
										<view class="padding35rpx center size35rpx">立即评价</view>
										<u-line border-style="solid" color="#E4E4E4"></u-line>
										<view class="padding35rpx">
											<u-input border v-model="evaluate" type="texteare"></u-input>
										</view>
										<view class="marTop30">
											<u-line border-style="solid" color="#E4E4E4"></u-line>
											<view class="dis padding25rpx">
												<view class="order-list-btn-qu" style="width: 48%;" @click="estim = false">取消</view>
												<view class="order-list-btn-pay"  
													style="
													width: 48%;
													background-color: #ff6600;
													color: #FFFFFF;"
													@click="save"
												>确认</view>
											</view>
										</view>
									</u-popup>
								</view>
							</view>
						</view>
					</view>
					<!-- 缺省图 -->
					<view class="center marTop90" v-else>
						<image style="width: 600rpx; height: 400rpx;" src="../../static/images/noneList.png"></image>
						<view class="size26rpx color99">暂无相关订单</view>
					</view>
					<u-loadmore :status="loadStatus[5]" bgColor="#f2f2f2"></u-loadmore>
				</scroll-view>
			</swiper-item>
		</swiper>
		<!-- 立即评价弹窗 -->
		<u-popup mode="center" width="85%" v-model="estim" border-radius="10" closeable="true" negative-top="50">
			<view class="padding35rpx center size35rpx">立即评价</view>
			<u-line border-style="solid" color="#E4E4E4"></u-line>
			<view class="padding35rpx">
				<u-input border v-model="evaluate" type="texteare"></u-input>
			</view>
			<view class="marTop30">
				<u-line border-style="solid" color="#E4E4E4"></u-line>
				<view class="dis padding25rpx">
					<view class="order-list-btn-qu" style="width: 48%;" @click="estim = false">取消</view>
					<view class="order-list-btn-pay"  
						style="
						width: 48%;
						background-color: #ff6600;
						color: #FFFFFF;"
						@click="save"
					>确认</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				timestamp: 60,//倒计时
				separator: 'colon',
				showBorder: false,
				borderColor: '#303133',
				color: '#666666',
				showDays: false,
				fontSize: 28,
				separatorColor: '#303133',
				//tab按钮
				list: [{
					name:'全部'
				},{
					name: '待支付'
				}, {
					name: '待发布'
				}, {
					name: '进行中'
				},{
					name:'已完成'
				},{
					name:'已取消'
				}],
				// 因为内部的滑动机制限制，请将tabs组件和swiper组件的current用不同变量赋值
				current: 0, // tabs组件的current值，表示当前活动的tab选项
				swiperCurrent: 0, // swiper组件的current值，表示当前那个swiper-item是活动的
				//tab滑块背景色
				barStyle:{backgroundColor :'#FF6600'},
				//顶部加载
				loadStatus: ['loadmore','loadmore','loadmore','loadmore','loadmore','loadmore'],
				tabsHeight: 0,
				dx: 0,
				// 立即评价弹窗
				estim:false,
				evaluate:'',//立即评价输入框
				//模拟订单列表
				orderList:[
					{
						static:1,
						pay:0,//支付状态
						fetch:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						},
						put:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						}
					},
					{
						static:2,
						pay:1,//支付状态
						fetch:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						},
						put:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						}
					},
					{
						static:1,
						pay:2,//支付状态
						fetch:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						},
						put:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						}
					},
					{
						static:2,
						pay:3,//支付状态
						fetch:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						},
						put:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						}
					},
					{
						static:3,
						pay:4,//支付状态
						fetch:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						},
						put:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						}
					},
					{
						static:1,
						pay:5,//支付状态
						fetch:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						},
						put:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						}
					},
					{
						static:2,
						pay:6,//支付状态
						fetch:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						},
						put:{
							name:'FBL执法队',
							title:'财富广场2号楼41层',
							address:'贵州省贵阳市花果园',
							phone:'18386469780'
						}
					}
				]
			}
		},
		onShow() {
			
		},
		methods: {
			//订单详情
			particulars(item) {
				this.$mHelper.to('pages/orderIndex/particulars/particulars',true)
			},
			//倒计时
			timestampChange(index) {
				this.timestamp = index == 0 ? 60 : index == 1 ? 86400 : 983272;
			},
			// 页面数据
			getOrderList(idx) {
				this.orderList[idx].push(this.orderList);
				this.loadStatus.splice(this.current,1,"loadmore")
				console.log('触发getOrderList',)
			},
			//去支付
			PayBtn(item){
				this.$mHelper.to('',true)
				console.log('51531')
			},
			//确认提交评价
			save(){
				
			},
			//立即评价
			estimate(){
				this.estim = true
			},
			// tabs通知swiper切换
			tabsChange(index) {
				this.swiperCurrent = index;
			},
			// swiper-item左右移动，通知tabs的滑块跟随移动
			transition(e) {
				let dx = e.detail.dx;
				this.$refs.uTabs.setDx(dx);
			},
			// 由于swiper的内部机制问题，快速切换swiper不会触发dx的连续变化，需要在结束时重置状态
			// swiper滑动结束，分别设置tabs和swiper的状态
			animationfinish(e) {
				let current = e.detail.current;
				this.$refs.uTabs.setFinishCurrent(current);
				this.swiperCurrent = current;
				this.current = current;
			},
			// scroll-view到底部加载更多
			onreachBottom() {
				// 此tab为空数据
				if(this.current != 2) {
					this.loadStatus.splice(this.current,1,"loading")
					setTimeout(() => {
						this.getOrderList(this.current)
					}, 1200);
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-box{
		padding-bottom: 50rpx;
	}
	.order-list-btn-pay{
		width: 154rpx;
		height: 64rpx;
		border: 1rpx solid #FF6600;
		border-radius: 5rpx;
		line-height: 64rpx;
		text-align: center;
		color: #FF6600;
	}
	.order-list-btn-qu{
		width: 154rpx;
		height: 64rpx;
		border: 1rpx solid #CCCCCC;
		border-radius: 5rpx;
		line-height: 64rpx;
		text-align: center;
		color: #666666;
	}
	.scroll{
		height: 100%;width: 100%; background-color: #f4f4f4;
	}
	.wrap {
		display: flex;
		flex-direction: column;
		height: calc(100vh - var(--window-top));
		width: 100%;
	}
	.swiper-box {
		flex: 1;
	}
	.swiper-item {
		height: 100%;
	}
	.order-list{
		width: 94%;
		margin: 0 auto;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		image{
			width: 32rpx;
			height: 32rpx;
			margin-right: 20rpx;
		}
		.order-list-title{
			padding: 25rpx;
		}
	}
</style>
